html {
    font-family: \\5FAE\8F6F\96C5\9ED1, \\5B8B\4F53, Helvetica Neue, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    touch-action: none
}

body {
    padding: 0;
    margin: 0;
    color: #333;
    line-height: 1.42857143;
    background-color: #f2f2f2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-highlight: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
    html {
        font-size: 56.25px
    }
}

@media screen and (min-width: 375px) and (max-width: 383px) {
    html {
        font-size: 58.59375px
    }
}

@media screen and (min-width: 384px) and (max-width: 399px) {
    html {
        font-size: 60px
    }
}

@media screen and (min-width: 400px) and (max-width: 413px) {
    html {
        font-size: 62.5px
    }
}

@media screen and (min-width: 414px) and (max-width: 431px) {
    html {
        font-size: 64.6875px
    }
}

@media screen and (min-width: 432px) and (max-width: 479px) {
    html {
        font-size: 67.5px
    }
}

@media screen and (min-width: 480px) and (max-width: 539px) {
    html {
        font-size: 75px
    }
}

@media screen and (min-width: 540px) and (max-width: 639px) {
    html {
        font-size: 84.375px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 100px
    }

    body {
        max-width: 640px !important;
        margin: 0 auto !important
    }
}

#APP-body {
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

#APP-body, #info-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#info-bar {
    position: relative;
    width: 100%;
    padding: .085333rem;
    height: .938667rem;
    background-color: #fff
}

.shop-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.shop-info_logo {
    width: .768rem;
    height: .768rem;
    background-size: 100%;
    background-repeat: no-repeat
}

.shop-info_logo, .shop-info_name {
    display: inline-block;
    vertical-align: middle
}

.shop-info_name {
    margin-left: .085333rem;
    font-size: .273067rem;
    color: #333
}

.operation-btns {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.operation-btns, .operation-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.operation-icon {
    width: .512rem;
    height: .512rem;
    margin-left: .128rem;
    margin-right: .128rem;
    background-size: 100%;
    background-repeat: no-repeat
}

.search-icon {
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_seach.png")
}

.ticket-icon {
    position: relative;
    background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_ticket.png")
}

.fn-icon {
    /*background-image: url("http://imgcdn.diandianwaimai.com/dd_op/attached/image/imgs/new_scan_code_menu.png")*/
    /*06a550*/
    background-image: url("../../img/menu.png")
}

.ticket-icon > b {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: .375467rem;
    height: .375467rem;
    top: -.2048rem;
    right: -.085333rem;
    border: .034133rem solid #fff;
    border-radius: .853333rem;
    font-size: .2048rem;
    background-color: #06a550;
    font-weight: 400;
    color: #fff;
    font-style: normal
}

#nav-area {
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-color: #f5f4f3;
    width: 1.314133rem;
    padding-bottom: 1.877333rem
}

.group_num {
    top: .068267rem;
    right: .068267rem;
    width: .341333rem;
    height: .341333rem;
    font-size: .2048rem;
    background-color: rgba(233, 74, 60, .85)
}
#jump-page {
    position: absolute;
    top: .938667rem;
    right: .170667rem;
    width: 1.365333rem;
    z-index: 5;
    background-color: #06a550;
    border-radius: .068267rem
}

#jump-page > div:last-child {
    border-top: .017067rem solid #fff
}

.page-class {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: .682667rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .238933rem;
    color: #fff
}

.jump-triangle {
    position: absolute;
    top: -.136533rem;
    right: .136533rem;
    width: 0;
    height: 0;
    border-left: .170667rem solid transparent;
    border-right: .170667rem solid transparent;
    border-bottom: .170667rem solid #06a550
}
.shop-info_logo {
    width: 1.768rem;
    height: -1.232rem;
    background-size: 100%;
    background-repeat: no-repeat;
}
#APP-body, #info-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#info-bar {
    position: relative;
    width: 100%;
    padding: .085333rem;
    /*height: .938667rem;*/
    height: 5%;
    background-color: #fff
}

.shop-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}


.shop-info_logo, .shop-info_name {
    display: inline-block;
    vertical-align: middle
}

.shop-info_name {
    margin-left: .085333rem;
    font-size: .273067rem;
    color: #333
}
.right-con {
    height: calc(100vh - 50px);
}

.num-price {
    position: absolute;
    top: 8px;
    right: 2px;
    width: 24px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 16px;
    font-size: 8px;
    font-weight: 700;
    color: #fff;
    background: #f01414;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
    display: none;
}
.shop-info_logo {
    width: 1.768rem;
    height: -1.232rem;
    background-size: 100%;
    background-repeat: no-repeat;
}
#APP-body, #info-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
}


.shop-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}


.shop-info_logo, .shop-info_name {
    display: inline-block;
    vertical-align: middle
}

.shop-info_name {
    margin-left: .085333rem;
    font-size: .273067rem;
    color: #333
}